<template>
  <div class="app-container">
    <Layout>
      <template #left>
        <div class="site-aside">
          <SiteAside />
        </div>
      </template>
      <template #default>
        <RouterView />
      </template>
    </Layout>
  </div>
</template>

<script>
import SiteAside from "@/components/SiteAside";
import Layout from "@/components/Layout";
import { getBlogs, getBlogTypes } from "@/api/blog";

export default {
  components: {
    SiteAside,
    Layout,
  },
  async created() {
    getBlogs(2, 12, 5).then((r) => {
      console.log("博客", r);
    });
    getBlogTypes().then((r) => {
      console.log("id", r);
    });
  },
};
</script>

<style lang="less">
@import "~@/style/minix.less";
.app-container {
  .self-fill(fixed);
}
.site-aside {
  width: 250px;
  height: 100%;
}
</style>
